<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>euc橡树空间</title>

<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/out.css" rel="stylesheet" type="text/css" />
<!-- <link href="css/select.css" rel="stylesheet" type="text/css" /> -->
<!--  <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" /> -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.idTabs.min.js"></script>
<script type="text/javascript" src="editor/kindeditor.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="laydate/laydate.js"></script>
<!--  <script type="text/javascript" src="js/select-ui.min.js"></script> -->
<script type="text/javascript" src="js/application/individualCustomers.js"></script>

</head>

<body>
    <div class="incFormbody">
        <div class="place">
            <span>位置：</span>
            <ul class="placeul">
                <li><a href="#">招商线索</a></li>
                <li><a href="#">签约客户</a></li>
                <li><a href="#">查看签约客户详情</a></li>
                <li><a href="#">查看订单详情</a></li>
            </ul>
        </div>

        <div class="formbody">

            
                <div class="incContent" >
                    <div class="noIncContent">
                        <input class="btn" type="button" name="" id="newOrder" value="新建合同"/>
                    </div>

                    <div class="incForm" id="clueFollowDiv">
                        <div class="formtitle ">
                            <span>合同列表</span> 
                           
                        </div>
                        <div id="tabClueFollow" class="tabson">    
                            <table class="tablelist">
                                <thead>
                                    <tr>
                                        <th>合同类型</th>
                                        <th>租金金额</th>
                                        <th>房间数</th>
                                        <th>房间均价（月）</th>
                                        <th>起始时间</th>
                                        <th>结束时间</th>
                                        <th>销售员</th>
                                        <th>录入人</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody id="clueFollowTable">
                                    <tr>
                                        <td>入驻合同</td>
                                        <td>34800</td>
                                        <td>2</td>
                                        <td>3000</td>
                                        <td>2017-03-02</td>
                                        <td>2018-03-01</td>
                                         <td>张三</td>
                                        <td>张三</td>
                                         <td>查看</td>
                                    
                                    </tr> 
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="incForm" id="clueFollowDiv">
                        <div class="formtitle ">
                            <span>分期计划</span> 

                        </div>
                        <div id="tabClueFollow" class="tabson">    
                            <table class="tablelist">
                                <thead>
                                    <tr>
                                        <th>类型描述</th>
                                        <th>款项说明</th>
                                        <th>分期开始时间</th>
                                        <th>分期结束时间</th>
                                        <th>帐单日</th>
                                        <th>计划付款金额</th>
                                        <th>计划付款金额</th>
                                        <th>回款状态</th>
                                    </tr>
                                </thead>
                                <tbody id="clueFollowTable">
                                    <tr>
                                        <td>李先生</td>
                                        <td>个人</td>
                                        <td>个人</td>
                                        <td>桉树IBC</td>
                                        <td>工位</td>
                                        <td>APP-预约参观</td>
                                        <td>已回款</td>
                                    </tr> 
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="incForm" >
                        <div class="formtitle ">
                        <span>订单详情</span>

                        </div>
                        <div class="formtitle-left ">
                            <ul class="forminfo">
                                <li><label >订单编号：</label><span class="iceFormInfoSpan">R2018013101223056    </span></li>
                                <li><label >订单名称：</label><span class="iceFormInfoSpan">北京百度网络科技有限公司工位</span></li>
                                <li><label >城市：</label><span class="iceFormInfoSpan">北京市</span></li>
                                <li><label >当前房间总数：</label><span class="iceFormInfoSpan">2</span></li>
                                <li><label >已回款金额：</label><span class="iceFormInfoSpan">17400</span></li>
                                <li><label >实收押金：</label><span class="iceFormInfoSpan">12000</span></li>
                                <li><label >入驻日期：</label><span class="iceFormInfoSpan">2016-12-25</span></li>
                                <li><label >销售日期：</label><span class="iceFormInfoSpan">张三</span></li>
                            </ul>   
                        </div>
                        <div class="formtitle-right">
                            <ul class="forminfo">
                                <li><label >客户名称：</label><span class="iceFormInfoSpan">北京百度网络科技有限公司</span></li>
                                <li><label >订单类型：</label><span class="iceFormInfoSpan">A2018010211122</span></li>
                                <li><label >空间：</label><span class="iceFormInfoSpan">A2018010211122</span></li>
                                <li><label >服务费总金额：</label><span class="iceFormInfoSpan">34800</span></li>
                                <li><label >未回款金额：</label><span class="iceFormInfoSpan">17400</span></li>
                                <li><label >入驻日期：</label><span class="iceFormInfoSpan">2017-03-02</span></li>
                                <li><label >离场时间：</label><span class="iceFormInfoSpan">2018-03-01</span></li>
                            </ul>
                        </div>   

                    </div>

                </div>
        </div>
     

        <div class="theme-popover " id="orderForm">  
            <div class="theme-poptit">  
                  <a href="javascript:;" title="关闭" id="closeOrder" class="close">x</a>  
                  <p class="themeTit">新建合同</p>  
            </div>  
            <div class="theme-popbod" style="height:180px;margin-left: 80px; margin-top:30px;" >

                <ul class="themeinfo">
                    <li><label ><b>*</b>合同类型</label></li>
                    <li>            
                        <div class="indCtiy">
                            <select class="tlselect" style="width: 400px;">
                               <option value="贸易类">入驻合同</option>
                               <option value="服务类">退组合同</option>
                            </select>
                        </div>
                    </li>  
                    <li>
                    </br>
                        <p>温馨提示：</p>
                        <p>- 新入驻客户（订单中尚未添加过合同），该订单仅可新建“入驻协议书”；</p>
                        <p>- 已入驻客户（订单中已有入驻合同），该订单仅可新建“退租协议书”；</p>       
                    </li>
                    
                </ul>   
            </div>
                     
            <div class="lingqu" style="margin-left: 170px;" >
                <input name="btnSave"  id="btnSaveOrder"  type="button" class="btn close" value="确定"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input name="btnCancle"  id="btnCancleOrder"  type="button" class="btn close" value="取消"/>
            </div>     
        </div>

        <div class="theme-popover-mask"></div>
    </div>
</body>
</html>
